<template>
  <div class="container">
    <!--会员-->
    <Member></Member>
    <!--选项 -->
    <Filter :filterList="filterList"></Filter>
    <!--导航 -->
    <Order></Order>
    <!--视频-->
    <div style="min-height: 700px">
      <VideoCard :videoData="videoList"></VideoCard>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'Vip',
});
</script>

<script setup lang="ts">
import { onMounted, ref } from 'vue';
import Member from '../components/Member.vue';
import Order from '../components/order.vue';
import useClassStore  from "@/store/class"
import {storeToRefs} from 'pinia'
onMounted(() => {
  //获取列表
  classStore.getFilterList();
  //获取视频列表
  classStore.getVideoList();
});
//获取点击数据

const classStore=useClassStore()
const {filterList,videoList}=storeToRefs(classStore)

</script>

<style scoped></style>
